<template>
  <t-space direction="vertical">
    <t-space direction="vertical" style="padding: 20px">
      <t-space>
        <t-button loading theme="default">加载</t-button>
        <t-button loading variant="outline" theme="default">加载</t-button>
        <t-button loading variant="dashed" theme="default">加载</t-button>
        <t-button loading variant="text" theme="default">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading theme="primary">加载</t-button>
        <t-button loading variant="outline" theme="primary">加载</t-button>
        <t-button loading variant="dashed" theme="primary">加载</t-button>
        <t-button loading variant="text" theme="primary">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading theme="danger">加载</t-button>
        <t-button loading variant="outline" theme="danger">加载</t-button>
        <t-button loading variant="dashed" theme="danger">加载</t-button>
        <t-button loading variant="text" theme="danger">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading theme="warning">加载</t-button>
        <t-button loading variant="outline" theme="warning">加载</t-button>
        <t-button loading variant="dashed" theme="warning">加载</t-button>
        <t-button loading variant="text" theme="warning">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading theme="success">加载</t-button>
        <t-button loading variant="outline" theme="success">加载</t-button>
        <t-button loading variant="dashed" theme="success">加载</t-button>
        <t-button loading variant="text" theme="success">加载</t-button>
      </t-space>
    </t-space>
    <t-space direction="vertical" style="background-color: black; padding: 20px">
      <t-space>
        <t-button loading ghost theme="default">加载</t-button>
        <t-button loading ghost variant="outline" theme="default">加载</t-button>
        <t-button loading ghost variant="dashed" theme="default">加载</t-button>
        <t-button loading ghost variant="text" theme="default">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading ghost theme="primary">加载</t-button>
        <t-button loading ghost variant="outline" theme="primary">加载</t-button>
        <t-button loading ghost variant="dashed" theme="primary">加载</t-button>
        <t-button loading ghost variant="text" theme="primary">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading ghost theme="danger">加载</t-button>
        <t-button loading ghost variant="outline" theme="danger">加载</t-button>
        <t-button loading ghost variant="dashed" theme="danger">加载</t-button>
        <t-button loading ghost variant="text" theme="danger">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading ghost theme="warning">加载</t-button>
        <t-button loading ghost variant="outline" theme="warning">加载</t-button>
        <t-button loading ghost variant="dashed" theme="warning">加载</t-button>
        <t-button loading ghost variant="text" theme="warning">加载</t-button>
      </t-space>
      <t-space>
        <t-button loading ghost theme="success">加载</t-button>
        <t-button loading ghost variant="outline" theme="success">加载</t-button>
        <t-button loading ghost variant="dashed" theme="success">加载</t-button>
        <t-button loading ghost variant="text" theme="success">加载</t-button>
      </t-space>
    </t-space>
  </t-space>
</template>
